import 'package:flutter/material.dart';
import 'package:flutter_base/pages/order_detail.dart';

class OrderList extends StatelessWidget {
  const OrderList({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('订单列表页'),
      ),
      body: Center(
        child: Column(
          children: [
            // 手势组件
            GestureDetector(
              // 点击
              onTap: () {
                // 跳转到订单详情页
                // 1. 第一种路由方式
                // Navigator.push(
                //   context,
                //   MaterialPageRoute(
                //     builder: (context) {
                //       return const OrderDetail();
                //     },
                //   ),
                // );
                // 2. 第二种路由方式
                Navigator.pushNamed(context, '/detail');
              },
              child: Image.network(
                'https://yanxuan-item.nosdn.127.net/e529b6ab111ade9da9314867f98d360f.png',
                width: 200,
              ),
            ),
            FilledButton(
              onPressed: () {
                // 第二种路由方式
                Navigator.pushNamed(
                  context, // 上下文
                  '/detail', // 路由名称
                  arguments: {'id': '12345'}, // 路由参数
                );
              },
              child: const Text('去详情页-路径变了（推荐）'),
            ),
            TextButton(
              onPressed: () {
                // 跳转到订单详情页
                Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (BuildContext context) {
                      return OrderDetail(id: '12345'); // 通过组件传参
                    },
                  ),
                );
              },
              child: const Text('去详情页-路径没变'),
            )
          ],
        ),
      ),
    );
  }
}
